<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
不压缩,100品质,90品质,80品质
</body>
<script>
    var img,div,imgName = 'test.jpg',body = document.querySelector('body');
    [40, 80, 160, 240, 320, 480, 640, 800].forEach((it)=>{
        div = document.createElement('div');
        body.appendChild(div);
        
        img = document.createElement('img');
        img.src=`./output/${imgName}_${it}x${it}.jpg`;
        div.appendChild(img);

         img = document.createElement('img');
        img.src=`./output_100/${imgName}_${it}x${it}.jpg`;
        div.appendChild(img);


       
    })
    
</script>
         <!--img = document.createElement('img');
        img.src=`./output_90/${imgName}_${it}x${it}.jpg`;
        div.appendChild(img);

        img = document.createElement('img');
        img.src=`./output_80/${imgName}_${it}x${it}.jpg`;
        div.appendChild(img);-->
</html>